<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>TOKI Learning</title>
    <link href="css/default1.css" rel="stylesheet" type="text/css" />
  </head>
  <script type="text/javascript" src="js/jQueryJavaScriptLibrary.js"></script>
  <script type="text/javascript" src="js/deff.js"></script>
  
  <body>
	<div id="filler">
    <div id="wrapper">
         <div id="header">
             <div id="logo">
				 <img src="images/logo.png" width="60" height="60" border="0"/>
				 <h1 id="site-name">TOKI LEARNING CENTER</h1>
				 <h2 id="site-description">Tim Olimpiade Komputer Indonesia</h2>
             </div>
             <div id="top-nav">
                 <ul>EXPLORE TOKI</ul>
                 <ul>BUNDEL SOAL</ul>
                 <ul>DISKUSI</ul>
             </div>
         </div>
         <div id="main">
             <div id="main-top">
                 <div id="maskot">
                     <img src="images/maskot.png" width="140" height="160"/>
                 </div>
                 <div id="welcome1">
                     <h1 class="welcome-head"><b>Selamat Datang</b></h1>
                     <p class="welcome-body">
                         Selamat datang di situs <b>TOKI Learning Center</b>. Di situs ini kamu bisa belajar
                         dan berlatih mengerjakan soal-soal pemrogaman. Soal-soal yang ada di dalam situs ini
                         dikumpulkan dari kegiatan-kegiatan yang dilaksanakan Tim Olimpiade Komputer
                         Indonesia
                     </p>
                 </div>
				 <div id="welcome2">
					<h1 class="welcome-head"><b>Pelatihan Jarak Jauh Pra-OSN 2011</b></h1>
					<p class="welcome-body">
						Selamat datang para peserta Olimpiade Sains Komputer bidang komputer tahun 2011. Silakan menyantap soal-soal pemrograman
						yang telah kami racik disini.
					</p>
				 </div>
				 <div id="welcome3">
					<h1 class="welcome-head"><b>TOKI Open Contest Agustus 2011</b></h1>
					<p class="welcome-body">
						Bulan Agustus ini akan diadakan TOKI Open Contest. Persiapkan dirimu sebaik-baiknya dan jadilah yang terbaik!
					</p>
				 </div>
				 <div id="welcome4">
					<h1 class="welcome-head"><b>Penggunaan Bahasa JAVA</b></h1>
					<p class="welcome-body">
						Kabar gembira buat kamu pengguna bahasa JAVA! TOKI Learning Center sekarang menerima submisi bahasa JAVA. Silakan langsung
						mengunggah solusi soal dengan bahasa JAVA untuk mencoba fitur baru ini.
					</p>
				 </div>
				 <div id="button1">
					<img id="button1x" src="images/bullet_blue.png"/>
					<img id="button1y" src="images/bullet_gray.png"/>
					<img id="button2x" src="images/bullet_blue.png"/>
					<img id="button2y" src="images/bullet_gray.png"/>
					<img id="button3x" src="images/bullet_blue.png"/>
					<img id="button3y" src="images/bullet_gray.png"/>
					<img id="button4x" src="images/bullet_blue.png"/>
					<img id="button4y" src="images/bullet_gray.png"/>
				</div>
                 <div id="login">
                     <h3 id="login-top">Silahkan Login</h3>
                     <form id="login-form">
                     	 <input id="user" class="login-form-input" type="text" name="nama" value="Nama Pengguna" onfocus="clearTextUser()"/><br>
                     	 <input id="pass" class="login-form-input" type="text" name="pass" value="Sandi" onfocus="clearTextPass()"/><br>
                     	 <input type="checkbox" name="ingat" value="Ingat Saya"/> Ingat Saya 
                     	 <a href="http://www.tokilearning.org/home"> Lupa Sandi </a><br>
                     	 <input id="login-form-submit" type="submit" name="submit" value="Masuk" onclick="login()"/><br><br>
                     	 Belum punya akun? <a href="http://www.tokilearning.org/home">Daftar disini</a>
                     </form>
                 </div>
             </div>
             <div id="main-bottom">
                 <div id="main-bottom-left">
                 		<h1 class="main-head">BLOG POST</h1>
                 		<a class="main-subhead">JAVA Programming Contest: 2nd Wave</a><br>
                 		<a class="main-content-date">Posted on Tuesday, July 8th 2011</a><br>
                 		<img src="images/gambar_angka.jpg" width="270px" height="150px"/><br>
                 		<a class="main-content">TOKI Open Contest March 2011 akan diadakan pada
                 		sabtu 26 Maret 2011 pukul 19.00 s.d. 22.00 WIB. Pendaftaran dapat dilakukan
                 		di link berikut ini. (<a class="main-link" href="http://www.tokilearning.org">read more</a>)</a>
                 		<br><br>
                 		<a class="main-subhead">Powershell Introduction Class</a><br>
                 		<a class="main-content-date">Posted on Tuesday, July 8th 2011</a><br><br>
                 		<a class="main-subhead">Ruby on Rail Quiz. Crack this if you dare!</a><br>
                 		<a class="main-content-date">Posted on Tuesday, July 8th 2011</a><br><br>
                 		<a class="main-subhead">jQuery Mobile for Smartphone Game</a><br>
                 		<a class="main-content-date">Posted on Tuesday, July 8th 2011</a><br><br>
                 		<a href="http://www.tokilearning.org" class="main-link">Read All Post >></a>
                 </div>
                 <div id="main-bottom-mid">
                 		<h1 class="main-head">LATEST ACTIVITY</h1>
                 		<div class="main-list">
                 			<div class="main-list-pic">
                 				<img src="images/user-pic.png" width="40px" height="45px"/>
                 			</div>
                 			<div class="main-list-text">
                 				<b class="main-list-text-bold">bayubagja</b> 
                 				got
                 				<b class="main-list-text-bold">67</b>
                 				points on 
                 				<b class="main-list-text-bold">Jumlahan</b> 
                 				Problem<br><i>3 minutes ago</i>
                 			</div>
                 		</div>
                 		<div class="main-list">
                 			<div class="main-list-pic">
                 				<img src="images/user-pic.png" width="40px" height="45px"/>
                 			</div>
                 			<div class="main-list-text">
                 				<b class="main-list-text-bold">bayubagja</b> 
                 				got
                 				<b class="main-list-text-bold">67</b>
                 				points on 
                 				<b class="main-list-text-bold">Jumlahan</b> 
                 				Problem<br><i>3 minutes ago</i>
                 			</div>
                 		</div>
                 		<div class="main-list">
                 			<div class="main-list-pic">
                 				<img src="images/user-pic.png" width="40px" height="45px"/>
                 			</div>
                 			<div class="main-list-text">
                 				<b class="main-list-text-bold">bayubagja</b> 
                 				got
                 				<b class="main-list-text-bold">67</b>
                 				points on 
                 				<b class="main-list-text-bold">Jumlahan</b> 
                 				Problem<br><i>3 minutes ago</i>
                 			</div>
                 		</div>
                 		<div class="main-list">
                 			<div class="main-list-pic">
                 				<img src="images/user-pic.png" width="40px" height="45px"/>
                 			</div>
                 			<div class="main-list-text">
                 				<b class="main-list-text-bold">bayubagja</b> 
                 				got
                 				<b class="main-list-text-bold">67</b>
                 				points on 
                 				<b class="main-list-text-bold">Jumlahan</b> 
                 				Problem<br><i>3 minutes ago</i>
                 			</div>
                 		</div>
                 		<div class="main-list">
                 			<div class="main-list-pic">
                 				<img src="images/user-pic.png" width="40px" height="45px"/>
                 			</div>
                 			<div class="main-list-text">
                 				<b class="main-list-text-bold">bayubagja</b> 
                 				got
                 				<b class="main-list-text-bold">67</b>
                 				points on 
                 				<b class="main-list-text-bold">Jumlahan</b> 
                 				Problem<br><i>3 minutes ago</i>
                 			</div>
                 		</div>
                 		<div class="main-list">
                 			<div class="main-list-pic">
                 				<img src="images/user-pic.png" width="40px" height="45px"/>
                 			</div>
                 			<div class="main-list-text">
                 				<b class="main-list-text-bold">bayubagja</b> 
                 				got
                 				<b class="main-list-text-bold">67</b>
                 				points on 
                 				<b class="main-list-text-bold">Jumlahan</b> 
                 				Problem<br><i>3 minutes ago</i>
                 			</div>
                 		</div><br>
                 		<a href="http://www.tokilearning.org" class="main-link">view more >></a>
                 </div>
                 <div id="main-bottom-right">
                 		<div id="main-top5">
                 			<h1 class="main-head">TOP 5</h1>
                 			<div id="main-top5-list">
                 				<div class="main-top5-list2">
	                 				<img src="images/user-pic.png" width="47px" height="45px"/><br>
	                 				<a class="main-list-text-bold">rianpen</a> <br>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_gray.png" width="7px" height="7px"/>
                 				</div>
                 				<div class="main-top5-list2">
	                 				<img src="images/user-pic.png" width="47px" height="45px"/><br>
	                 				<a class="main-list-text-bold">rianpen</a> <br>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_gray.png" width="7px" height="7px"/>
                 				</div>
                 				<div class="main-top5-list2">
	                 				<img src="images/user-pic.png" width="47px" height="45px"/><br>
	                 				<a class="main-list-text-bold">rianpen</a> <br>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_gray.png" width="7px" height="7px"/>
                 				</div>
                 				<div class="main-top5-list2">
	                 				<img src="images/user-pic.png" width="47px" height="45px"/><br>
	                 				<a class="main-list-text-bold">rianpen</a> <br>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_gray.png" width="7px" height="7px"/>
                 				</div>
								<div class="main-top5-list2">
	                 				<img src="images/user-pic.png" width="47px" height="45px"/><br>
	                 				<a class="main-list-text-bold">rianpen</a> <br>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_yellow.png" width="7px" height="7px"/>
	                 				<img src="images/star_gray.png" width="7px" height="7px"/>
                 				</div>
                 			</div>
                 			<a href="http://www.tokilearning.org" class="main-link">view more ranklist >></a>
                 		</div>
                 		<div id="main-top-prob">
                 			<h1 class="main-head">TOP PROBLEMS</h1>
                 			<div id="top-prob-left">
                 				<p class="main-list-text-bold">Perubahan Minimal</p>
                 				<p class="main-list-text-bold">Angka 2</p>
                 				<p class="main-list-text-bold">Fungsi Pak Gaus</p>
                 				<p class="main-list-text-bold">Rolling Ball</p>
                 				<p class="main-list-text-bold">General Election</p>
                 			</div>
                 			<div id="top-prob-right">
                 				<p>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_gray.png" width="7px" height="7px"/>
                 				</p>
                 				<p>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_gray.png" width="7px" height="7px"/>
                 				</p>
                 				<p>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_gray.png" width="7px" height="7px"/>
                 				</p>
                 				<p>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_gray.png" width="7px" height="7px"/>
                 				</p>
                 				<p>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_yellow.png" width="7px" height="7px"/>
                 					<img src="images/star_gray.png" width="7px" height="7px"/>
                 				</p>
                 			</div>
							<div id="top-prob-bottom">
								<a href="http://www.tokilearning.org" class="main-link">view problems >></a>
							</div>
                 		</div>
                 </div>
             </div>
         </div>
	</div>
    </div>
		<div id="footer">
		   <div id="footer-left">
			   <li>Our Blog</li>
			   <li>|</li>
			   <li>About Us</li>
			   <li>|</li>
			   <li>Contact Us</li>
			   <li>|</li>
			   <li>Follow Our <a href="http://www.facebook.com/group.php?gid=166544345960">Facebook</a> and <a href="http://twitter.com/tokilearning">Twitter</a></li>
		   </div>
		   <div id="footer-right">
			   Copyright TOKI Learning Center
		   </div>
	   </div>
    
  </body>
</html>
